<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}CMS{% endblock %}</title>
        <meta name="keywords" content="{% block keywords %}CMS后台{% endblock %}">
        <meta name="description" content="{% block description %}CMS后台{% endblock %}">

        {% stylesheets
        'assets/cms/css/bootstrap.min.css'
        'assets/cms/css/font-awesome.min.css'
        filter='cssrewrite'
        %}
        <link rel="stylesheet" href="{{ asset_url }}" />
        {% endstylesheets %}
        <!--[if IE 7]>
        <link rel="stylesheet" href="/assets/cms/css/font-awesome-ie7.min.css" />
        <![endif]-->

        <!-- page specific plugin styles -->
        {% block pagestyles %}

        {% endblock %}

        <!-- fonts -->
        {% stylesheets
        'assets/cms/fonts/fonts.googleapis.com.css'
        filter='cssrewrite'
        %}
        <link rel="stylesheet" href="{{ asset_url }}" />
        {% endstylesheets %}

        <!-- ace styles -->
        {% stylesheets
        'assets/cms/css/ace.min.css'
        'assets/cms/css/ace-rtl.min.css'
        'assets/cms/css/ace-skins.min.css'
        filter='cssrewrite'
        %}
        <link rel="stylesheet" href="{{ asset_url }}" />
        {% endstylesheets %}
        <!--[if lte IE 8]>
        <link rel="stylesheet" href="/assets/cms/css/ace-ie.min.css" />
        <![endif]-->

        <!-- inline styles related to this page -->
        {% block inlinestyles %}

        {% endblock %}

        <!-- ace settings handler -->
        {% javascripts
        'assets/cms/js/ace-extra.min.js'
        %}
        <script src="{{ asset_url }}"></script>
        {% endjavascripts %}

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

        {% javascripts
        'assets/cms/js/html5shiv.js'
        'assets/cms/js/respond.min.js'
        %}
        <!--[if lt IE 9]>
        <script src="{{ asset_url }}"></script>
        <![endif]-->
        {% endjavascripts %}

    </head>

    <body>
        <div class="main-container" id="main-container">
            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="error-container">
                            <div class="well" style="width: 600px; margin: 80px auto;">
                                <h2 class="grey lighter smaller">
                                    <span class="blue bigger-105">
                                        <i class="icon-info"></i>
                                        CMS
                                    </span>
                                    信息提示
                                </h2>

                                <hr />
                                <h3 class="lighter smaller">
                                    <i class="{{class}}"></i>{{msg}}
                                </h3>

                                <div class="space"></div>
                                <hr />
                                <div class="space"></div>

                                <div class="center">
                                    <h5><span id="wait" style="color:red;">{{time}}</span> 秒后页面自动 <a id="href" href="{{redirect}}"><i class="icon-repeat"></i>跳转</a></h5>
                                </div>
                            </div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->

            </div><!-- /.page-content -->
        </div><!-- /.main-container-inner -->

        <!-- basic scripts -->

        <!--[if !IE]> -->
        <script src="/assets/cms/js/jquery-2.0.3.min.js"></script>
        <!-- <![endif]-->

        <!--[if IE]>
        <script src="/assets/cms/js/jquery-1.10.2.min.js"></script>
        <![endif]-->

        <!--[if !IE]> -->
        <script type="text/javascript">
            window.jQuery || document.write("<script src='/assets/cms/js/jquery-2.0.3.min.js'>"+"<"+"script>");
        </script>
        <!-- <![endif]-->

        <!--[if IE]>
        <script type="text/javascript">
            window.jQuery || document.write("<script src='/assets/cms/js/jquery-1.10.2.min.js'>"+"<"+"script>");
        </script>
        <![endif]-->

        <script type="text/javascript">
            if("ontouchend" in document) document.write("<script src='/assets/cms/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
        </script>

        {% javascripts
        'assets/cms/js/bootstrap.min.js'
        'assets/cms/js/typeahead-bs2.min.js'
        %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
        {% endjavascripts %}

        <!-- page specific plugin scripts -->
        {% block pagescripts %}

        {% endblock %}

        <!-- ace scripts -->
        {% javascripts
        'assets/cms/js/ace-elements.min.js'
        'assets/cms/js/ace.min.js'
        %}
        <script src="{{ asset_url }}"></script>
        {% endjavascripts %}

        <!-- inline scripts related to this page -->
        <script type="text/javascript">
            (function() {
                var interval = setInterval(function() {
                    if (--document.getElementById('wait').innerHTML <= 0) {
                        location.href = document.getElementById('href').href;
                        clearInterval(interval);
                    };
                }, 1000);
            })();
        </script>
</body>
</html>